/* 页面 */
.page {
  background: #f7f7f7;
  color: #212121;
}

.page-fixed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* 清除滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

/* 字体换行 */
.text-ellipsis,
.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.text-ellipsis {
  -webkit-line-clamp: 1;
}

.text-ellipsis-2 {
  -webkit-line-clamp: 2;
}

// 粗字体
.fw700 {
  font-weight: 700;
}

// 细字体
.fw400 {
  font-weight: 400;
}

// IOS偏粗字体
.fw500 {
  font-weight: 500;
}

/* 清除浮动 */
.clearfix::after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}

/* 品牌色（分四个阶段 */
// 正常
$color-brand: #13C2C2;
.color-brand-bg {
  background-color: $color-brand;
}

.color-brand-fz {
  color: $color-brand;
}

// 按压
$color-brand-click: #08979c;
.color-brand-click-bg {
  background-color: $color-brand-click;
}

.color-brand-click-fz {
  color: $color-brand-click;
}

// 禁用
$color-brand-disable: #36cfc9;
.color-brand-disable-bg {
  background-color: $color-brand-disable;
}

.color-brand-disable-fz {
  color: $color-brand-disable;
}

// 浅色(背景
$color-brand-tint: #E6FFFB;
.color-brand-tint-bg {
  background-color: $color-brand-tint;
}

.color-brand-tint-fz {
  color: $color-brand-tint;
}

// 强调色(加入购物车按钮
$color-accent: #816FBB;
.color-accent-bg {
  background-color: $color-accent;
}

.color-accent-fz {
  color: $color-accent;
}

/* 灰度（文本背景边框 */
// 标题
.color-title {
  color: #212121 !important;
}

// 主文本
.color-main-text {
  color: #424242 !important;
}

// 次要文本
.color-sec-text {
  color: #747474 !important;
}

// 占位符,不可用
.color-disabled {
  color: #bdbdbd !important;
}

// 边框色，没有更多色
.color-border {
  color: #e0e0e0;
}

// 分割线
.color-cut-line {
  color: #eeeeee;
}

// 背景色1
.color-bg1 {
  color: #f3f3f3;
}

// 背景色2(更白）
.color-bg2 {
  color: #f8f8f8;
}

/* 功能色 */
// 成功
.color-func-success {
  color: #6fc246;
}

// 成功禁用
.color-func-success-disable {
  color: #a7db6e;
}

// 成功背景色
.color-func-success-bg {
  color: #f6ffed;
}

// 危险
.color-func-danger {
  color: #ff3d47;
}

// 危险禁用
.color-func-danger-disable {
  color: #ff7070;
}

// 危险背景
.color-func-danger-bg {
  color: #fff1f1;
}

// 警告
.color-func-warning {
  color: #ffa41f;
}

// 警告禁用
.color-func-warning-disable {
  color: #f5c462;
}

// 警告背景
.color-func-warning-bg {
  color: #fffaeb;
}

// 链接
.color-func-info {
  color: #339dff;
}

// 链接禁用
.color-func-info-disable {
  color: #70baff;
}

// 链接背景
.color-func-info-bg {
  color: #e6f7ff;
}

/* 字体 */
// 图表大尺寸数字
.fz-num-large {
  font-size: 72rpx;
  line-height: 88rpx;
  font-family: SF UI Display;
}

// 图表中尺寸数字
.fz-num-middle {
  font-size: 48rpx;
  height: 64rpx;
  font-family: SF UI Display;
}

// 详情页商品价格
.fz-num-small {
  font-size: 40rpx;
  line-height: 56rpx;
  font-family: SF UI Display;
  font-family: PingFang SC;
}

// 导航栏标题
.fz-navbar-title {
  font-size: 34rpx;
  line-height: 56rpx;
  font-family: PingFang SC;
}

// 栏目标题
.fz-colmun-title {
  font-size: 32rpx;
  line-height: 48rpx;
  font-family: PingFang SC;
}

// 正文1
.fz-main-body1 {
  font-size: 30rpx;
  line-height: 48rpx;
  font-family: PingFang SC;
}

// 正文2（略小
.fz-main-body2 {
  font-size: 28rpx !important;
  line-height: 40rpx;
  font-family: PingFang SC;
}

// 注释1
.fz-annotation1 {
  font-size: 26rpx;
  line-height: 32rpx;
  font-family: PingFang SC;
}

// 注释2(略小
.fz-annotation2 {
  font-size: 24rpx;
  line-height: 32rpx;
  font-family: PingFang SC;
}

// 标签文本
.fz-tag {
  font-size: 20rpx;
  line-height: 32rpx;
  font-family: PingFang SC;
}

/* 引入taro-ui的样式 */
@import '~taro-ui/dist/style/index.scss';
